<template>
    <div class="patentCell">
        <div class="header">
            <span class="label marginR20">{{item.patent_type}}</span>
            <span class="cBlue textLine" @click="push(item.table_name,item.id,1)" >
                <span >{{item.public_notice_number}}</span>
                <span  v-html=item.patent_name></span>
            </span>
            
<!--            <span class="basic label cBlue">{{item.legal_status}}</span>-->
            <span  class="basic label violet marginL20" v-show="item.main_legal_first_portion">{{item.main_legal_first_portion}}</span>
        </div>
        <ul class="table">
            <li>
                <label>公开(公告)号：</label>
                <span>{{item.public_notice_number}}</span>
            </li>
            <li>
                <label>公开(公告)日：</label>
                <span>{{item.public_notice_day}}</span>
            </li>
            <li v-show="item.authorization_day">
                <label>授权(公告)日：</label>
                <span>{{item.authorization_day}}</span>
            </li>
            <li>
                <label>申请号：</label>
                <span style="color: orangered">{{item.patent_apply_number}}</span>
            </li>
            <li>
                <label>申请日：</label>
                <span>{{item.patent_apply_day}}</span>
            </li>
            <li>
                <label>申请人：</label>
                <span class="cBlue">{{item.patent_applicant}}</span>
            </li>
            <li>
                <label>发明人：</label>
                <div style="display: inline-block" v-for=" (name, index) in item.patent_inventor.split(',')" :key="index">
                    <span class="cBlue" v-show="index !=0">，</span>
                    <span class="cBlue">{{name}}</span>
                </div>
            </li>
            <li>
                <label>IPC分类号：</label>
                <span style="word-break:break-word"  class="cBlue">{{item.class_number}}</span>
            </li>
            <li>
                <label>摘要：</label>
                <span style="display: inline-block" v-html="item.abstract"></span>
            </li>
        </ul>
        <div class="footer">
            <span class="basic cBlue pointer"  @click="push(item.table_name,item.id,1)">基本信息</span>
            <span class="basic cBlue pointer"  @click="push(item.table_name,item.id,2)">权利要求书</span>
            <span class="basic cBlue pointer"  @click="push(item.table_name,item.id,3)">说明书全文</span>
        </div>
        <div class="small">
            <img :src="item.abstract_f_img" @error="$app.defImag" >
        </div>
    </div>
</template>

<script>
    export default {
        name: "patentCell",
        props:{
            item:Object
        },
        methods:{
            // 跳转详情
            push(table_name, id,type) {
                // 页面跳转
                this.$router.push({
                    name: 'patentInfo',
                    query: {
                        table_name,
                        id,
                        type
                    }
                })
            },
        }
    }
</script>

<style scoped>

</style>